<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>和茶网</title>
    <link rel="shortcut icon" href="../images/favicon.ico" type="x-icon">
    <link rel="stylesheet" href="../styles/bootstrap.min.css">
    <link rel="stylesheet" href="../styles/reset.css">
    <link rel="stylesheet" href="../styles/main.css">
    <!--[if lt IE 9]>
  <!--html5shiv.js 实现html语义化标签的支持-->
    <script src="../scripts/html5shiv.js"></script>
    <!--respond.js实现响应式布局的支持，包括媒体查询等-->
    <script src="../scripts/respond.min.js"></script>
    <![endif]-->
</head>
<body>

<!--======================================工具栏=======================================-->
<section class="toolbar">
    <div class="container">
        <ul class="leftBar toolbar-left">
            <li><a href="javascript:void (0)">收藏</a></li>
            <li><span>|</span></li>
            <li><span>欢迎！</span></li>
            <li><a href="javascript:void (0)">登录</a></li>
            <li><a href="javascript:void (0)">快速注册</a></li>
        </ul>
        <ul class="rightBar toolbar-right">
            <li class="shop-car"><a href="javascript:void (0)">购物车0件</a><i class="caret"></i></li>
            <li><a href="javascript:void (0)">我的和茶</a></li>
            <li><a href="javascript:void (0)">我的订单</a></li>
            <li><a href="javascript:void (0)">关于和茶</a></li>
            <li><a href="javascript:void (0)">帮助</a></li>
            <li><a href="javascript:void (0)">茶百科</a></li>
            <li><span>|</span></li>
            <li class="two-code"><a href="javascript:void (0)">&nbsp;</a></li>
        </ul>
    </div>
</section>

<!--======================================logo区=======================================-->
<header class="container">
    <div class="logoArea leftBar">
        <h1>
            <a class="logo" href="javascript:void (0)">
                <img src="../images/logo.png" alt="和茶网">
                <span class="logo_text">和茶网</span>
            </a>
        </h1>
    </div>
    <div class="search-box leftBar">
        <input type="text" class="search">
        <button type="submit" class="submit">搜索</button>
        <div class="search-info">
            <ul>
                <li>热门：</li>
                <li><a href="javascript:void (0)">金骏眉</a></li>
                <li><a href="javascript:void (0)">铁观音</a></li>
                <li><a href="javascript:void (0)">大红袍</a></li>
                <li><a href="javascript:void (0)">西湖龙井</a></li>
                <li><a href="javascript:void (0)">普洱茶</a></li>
            </ul>
        </div>
    </div>
    <div class="info rightBar">
        <dl>
            <dd><img src="../images/top_ico11.png" alt=""></dd>
            <dt>100%原地产茶</dt>
        </dl>
        <dl>
            <dd><img src="../images/top_ico12.png" alt=""></dd>
            <dt>品质有保障</dt>
        </dl>
        <dl>
            <dd><img src="../images/top_ico13.png" alt=""></dd>
            <dt>无理由退换货</dt>
        </dl>
        <dl class="contact">
            <dd><img src="../images/top_ico14.png" alt=""></dd>
            <dt>400-8899-379</dt>
        </dl>
    </div>
</header>

<!--======================================导航区=======================================-->
<nav class="navbar navbar-default" role="navigation">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#"><img src="../images/logo.png" alt=""></a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="container">
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li class="sorts sorts1">
                        <a href="javascript:void (0)">全部商品分类 &gt;&gt;</a>
                        <ul class="sorts-content sorts-content2 sorts-content_des">
                            <li class="clearfix sorts-one">
                                <div class="sorts-title">
                                    <a href="javascript:void (0)">
                                        <i>&nbsp;</i>各地名优茶
                                    </a>
                                </div>
                                <dl class="clearfix big-menu">
                                    <dt>热门</dt>
                                    <dd>
                                        <a href="javascript: void (0)">西湖龙井</a>
                                        <a href="javascript: void (0)">金骏眉</a>
                                        <a href="javascript: void (0)">大红袍</a>
                                        <a href="javascript: void (0)">铁观音</a>
                                    </dd>
                                </dl>
                                <dl class="clearfix big-menu">
                                    <dt>名茶</dt>
                                    <dd>
                                        <a href="javascript: void (0)">红茶</a>
                                        <a href="javascript: void (0)">绿茶</a>
                                        <a href="javascript: void (0)">乌龙茶</a>
                                        <a href="javascript: void (0)">黑茶</a>
                                        <a href="javascript: void (0)">白茶</a>
                                    </dd>
                                </dl>
                                <div class="details-nav">
                                    <div class="famous">
                                        <dl class="clearfix">
                                            <dt>绿茶</dt>
                                            <dd>
                                                <a href="javascript: void (0)">西湖龙井</a>
                                                <a href="javascript: void (0)">龙井</a>
                                                <a href="javascript: void (0)">黄山毛峰</a>
                                                <a href="javascript: void (0)">安吉白茶</a>
                                                <a href="javascript: void (0)">碧螺春</a>
                                                <a href="javascript: void (0)">其他绿茶</a>
                                            </dd>
                                        </dl>
                                        <dl class="clearfix">
                                            <dt>乌龙茶</dt>
                                            <dd>
                                                <a href="javascript: void (0)">铁观音</a>
                                                <a href="javascript: void (0)">大红袍</a>
                                                <a href="javascript: void (0)">水仙</a>
                                                <a href="javascript: void (0)">肉桂</a>
                                                <a href="javascript: void (0)">台湾乌龙</a>
                                                <a href="javascript: void (0)">其他乌龙茶</a>
                                            </dd>
                                        </dl>
                                        <dl class="clearfix">
                                            <dt>红茶</dt>
                                            <dd>
                                                <a href="javascript: void (0)">金骏眉</a>
                                                <a href="javascript: void (0)">正山小种</a>
                                                <a href="javascript: void (0)">祁门红茶</a>
                                                <a href="javascript: void (0)">坦洋工夫</a>
                                                <a href="javascript: void (0)">其他红茶</a>
                                            </dd>
                                        </dl>
                                        <dl class="clearfix">
                                            <dt>黑茶</dt>
                                            <dd>
                                                <a href="javascript: void (0)">白沙溪黑茶</a>
                                                <a href="javascript: void (0)">正山小种</a>
                                                <a href="javascript: void (0)">祁门红茶</a>
                                                <a href="javascript: void (0)">坦洋工夫</a>
                                                <a href="javascript: void (0)">其他红茶</a>
                                            </dd>
                                        </dl>
                                        <dl class="clearfix">
                                            <dt>白茶</dt>
                                            <dd>
                                                <a href="javascript: void (0)">白牡丹</a>
                                                <a href="javascript: void (0)">正山小种</a>
                                                <a href="javascript: void (0)">祁门红茶</a>
                                                <a href="javascript: void (0)">坦洋工夫</a>
                                                <a href="javascript: void (0)">其他红茶</a>
                                            </dd>
                                        </dl>
                                        <dl class="clearfix">
                                            <dt>花茶</dt>
                                            <dd>
                                                <a href="javascript: void (0)">茉莉花茶</a>
                                            </dd>
                                        </dl>

                                    </div>
                                    <dl class="clearfix">
                                        <dt>品牌</dt>
                                        <dd>
                                            <a href="javascript: void (0)">慈恩</a>
                                            <a href="javascript: void (0)">远融</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">一品堂</a>
                                            <a href="javascript: void (0)">好极</a>
                                            <a href="javascript: void (0)">绿雪芽</a>
                                            <a href="javascript: void (0)">白沙溪</a>
                                            <a href="javascript: void (0)">元正</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                        </dd>
                                    </dl>
                                    <dl class="clearfix">
                                        <dt>价格</dt>
                                        <dd>
                                            <a href="javascript: void (0)">100元及以下</a>
                                            <a href="javascript: void (0)">100~300元</a>
                                            <a href="javascript: void (0)">300元及以上</a>
                                        </dd>
                                    </dl>
                                    <dl class="clearfix">
                                        <dt>净含量</dt>
                                        <dd>
                                            <a href="javascript: void (0)">50g及以下</a>
                                            <a href="javascript: void (0)">51g-100g</a>
                                            <a href="javascript: void (0)">101g-250g</a>
                                            <a href="javascript: void (0)">250g及以上</a>
                                        </dd>
                                    </dl>

                                    <dl class="clearfix">
                                        <dt>包装</dt>
                                        <dd>
                                            <a href="javascript: void (0)">经济自饮装</a>
                                            <a href="javascript: void (0)">精美礼品装</a>
                                        </dd>
                                    </dl>
                                    <a href="javascript: void (0)"> <img src="../images/famous.JPG" alt=""></a>
                                </div>
                            </li>
                            <li class="clearfix sorts-two">
                                <div class="sorts-title">
                                    <a href="javascript:void (0)">
                                        <i>&nbsp;</i>茶饮机专用茶
                                    </a>
                                </div>
                                <dl class="clearfix big-menu">
                                    <dt>推荐</dt>
                                    <dd>
                                        <a href="javascript: void (0)">预定茶饮机</a>
                                        <a href="javascript: void (0)">茶饮机专用茶</a>
                                    </dd>
                                </dl>
                                <div class="details-nav">
                                    <dl class="clearfix">
                                        <dt>品类</dt>
                                        <dd>
                                            <a href="javascript: void (0)">慈恩</a>
                                            <a href="javascript: void (0)">远融</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">一品堂</a>
                                            <a href="javascript: void (0)">好极</a>
                                            <a href="javascript: void (0)">绿雪芽</a>
                                            <a href="javascript: void (0)">白沙溪</a>
                                            <a href="javascript: void (0)">元正</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                        </dd>
                                    </dl>
                                    <dl class="clearfix">
                                        <dt>品牌</dt>
                                        <dd>
                                            <a href="javascript: void (0)">慈恩</a>
                                            <a href="javascript: void (0)">远融</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">一品堂</a>
                                            <a href="javascript: void (0)">好极</a>
                                            <a href="javascript: void (0)">绿雪芽</a>
                                            <a href="javascript: void (0)">白沙溪</a>
                                            <a href="javascript: void (0)">元正</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                        </dd>
                                    </dl>
                                    <dl class="clearfix">
                                        <dt>价格</dt>
                                        <dd>
                                            <a href="javascript: void (0)">100元及以下</a>
                                            <a href="javascript: void (0)">100~300元</a>
                                            <a href="javascript: void (0)">300元及以上</a>
                                        </dd>
                                    </dl>
                                    <dl class="clearfix">
                                        <dt>净含量</dt>
                                        <dd>
                                            <a href="javascript: void (0)">50g及以下</a>
                                            <a href="javascript: void (0)">51g-100g</a>
                                            <a href="javascript: void (0)">101g-250g</a>
                                            <a href="javascript: void (0)">250g及以上</a>
                                        </dd>
                                    </dl>

                                    <dl class="clearfix">
                                        <dt>包装</dt>
                                        <dd>
                                            <a href="javascript: void (0)">经济自饮装</a>
                                            <a href="javascript: void (0)">精美礼品装</a>
                                        </dd>
                                    </dl>
                                    <a href="javascript: void (0)"> <img src="../images/famous1.JPG" alt=""></a>
                                </div>
                            </li>
                            <li class="clearfix sorts-three">
                                <div class="sorts-title">
                                    <a href="javascript:void (0)">
                                        <i>&nbsp;</i>花草保健茶
                                    </a>
                                </div>
                                <dl class="clearfix big-menu">
                                    <dt>热门</dt>
                                    <dd>
                                        <a href="javascript: void (0)">大麦茶</a>
                                        <a href="javascript: void (0)">苦荞茶</a>
                                        <a href="javascript: void (0)">玫瑰花茶</a>
                                        <a href="javascript: void (0)">雪菊</a>
                                        <a href="javascript: void (0)">蜂蜜木瓜粉</a>
                                        <a href="javascript: void (0)">草本茶</a>
                                    </dd>
                                </dl>
                                <div class="details-nav">
                                    <div class="famous">
                                        <dl class="clearfix">
                                            <dt>瘦身</dt>
                                            <dd>
                                                <a href="javascript: void (0)">西湖龙井</a>
                                                <a href="javascript: void (0)">龙井</a>
                                                <a href="javascript: void (0)">黄山毛峰</a>
                                                <a href="javascript: void (0)">安吉白茶</a>
                                                <a href="javascript: void (0)">碧螺春</a>
                                                <a href="javascript: void (0)">其他绿茶</a>
                                            </dd>
                                        </dl>
                                        <dl class="clearfix">
                                            <dt>美容</dt>
                                            <dd>
                                                <a href="javascript: void (0)">铁观音</a>
                                                <a href="javascript: void (0)">大红袍</a>
                                                <a href="javascript: void (0)">水仙</a>
                                                <a href="javascript: void (0)">肉桂</a>
                                                <a href="javascript: void (0)">台湾乌龙</a>
                                                <a href="javascript: void (0)">其他乌龙茶</a>
                                            </dd>
                                        </dl>
                                        <dl class="clearfix">
                                            <dt>丰胸</dt>
                                            <dd>
                                                <a href="javascript: void (0)">金骏眉</a>
                                                <a href="javascript: void (0)">正山小种</a>
                                                <a href="javascript: void (0)">祁门红茶</a>
                                                <a href="javascript: void (0)">坦洋工夫</a>
                                                <a href="javascript: void (0)">其他红茶</a>
                                            </dd>
                                        </dl>
                                        <dl class="clearfix">
                                            <dt>黑茶</dt>
                                            <dd>
                                                <a href="javascript: void (0)">白沙溪黑茶</a>
                                                <a href="javascript: void (0)">正山小种</a>
                                                <a href="javascript: void (0)">祁门红茶</a>
                                                <a href="javascript: void (0)">坦洋工夫</a>
                                                <a href="javascript: void (0)">其他红茶</a>
                                            </dd>
                                        </dl>
                                        <dl class="clearfix">
                                            <dt>白茶</dt>
                                            <dd>
                                                <a href="javascript: void (0)">白牡丹</a>
                                                <a href="javascript: void (0)">正山小种</a>
                                                <a href="javascript: void (0)">祁门红茶</a>
                                                <a href="javascript: void (0)">坦洋工夫</a>
                                                <a href="javascript: void (0)">其他红茶</a>
                                            </dd>
                                        </dl>
                                        <dl class="clearfix">
                                            <dt>花茶</dt>
                                            <dd>
                                                <a href="javascript: void (0)">茉莉花茶</a>
                                            </dd>
                                        </dl>

                                    </div>
                                    <dl class="clearfix">
                                        <dt>品牌</dt>
                                        <dd>
                                            <a href="javascript: void (0)">慈恩</a>
                                            <a href="javascript: void (0)">远融</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">一品堂</a>
                                            <a href="javascript: void (0)">好极</a>
                                            <a href="javascript: void (0)">绿雪芽</a>
                                            <a href="javascript: void (0)">白沙溪</a>
                                            <a href="javascript: void (0)">元正</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                        </dd>
                                    </dl>
                                    <dl class="clearfix">
                                        <dt>价格</dt>
                                        <dd>
                                            <a href="javascript: void (0)">100元及以下</a>
                                            <a href="javascript: void (0)">100~300元</a>
                                            <a href="javascript: void (0)">300元及以上</a>
                                        </dd>
                                    </dl>
                                    <dl class="clearfix">
                                        <dt>净含量</dt>
                                        <dd>
                                            <a href="javascript: void (0)">50g及以下</a>
                                            <a href="javascript: void (0)">51g-100g</a>
                                            <a href="javascript: void (0)">101g-250g</a>
                                            <a href="javascript: void (0)">250g及以上</a>
                                        </dd>
                                    </dl>

                                    <dl class="clearfix">
                                        <dt>包装</dt>
                                        <dd>
                                            <a href="javascript: void (0)">经济自饮装</a>
                                            <a href="javascript: void (0)">精美礼品装</a>
                                        </dd>
                                    </dl>
                                    <a href="javascript: void (0)"> <img src="../images/famous2.JPG" alt=""></a>
                                </div>
                            </li>
                            <li class="clearfix sorts-four">
                                <div class="sorts-title">
                                    <a href="javascript:void (0)">
                                        <i>&nbsp;</i>精选茶具
                                    </a>
                                </div>
                                <dl class="clearfix big-menu">
                                    <dt>推荐</dt>
                                    <dd>
                                        <a href="javascript: void (0)">功夫茶具</a>
                                        <a href="javascript: void (0)">个人杯</a>
                                        <a href="javascript: void (0)">茶宠</a>
                                    </dd>
                                </dl>
                                <div class="details-nav">
                                    <div class="famous">

                                        <dl class="clearfix">
                                            <dt>陶瓷</dt>
                                            <dd>
                                                <a href="javascript: void (0)">白牡丹</a>
                                                <a href="javascript: void (0)">正山小种</a>
                                                <a href="javascript: void (0)">祁门红茶</a>
                                                <a href="javascript: void (0)">坦洋工夫</a>
                                                <a href="javascript: void (0)">其他红茶</a>
                                            </dd>
                                        </dl>
                                        <dl class="clearfix">
                                            <dt>瓷器</dt>
                                            <dd>
                                                <a href="javascript: void (0)">茉莉花茶</a>
                                            </dd>
                                        </dl>

                                    </div>
                                    <dl class="clearfix">
                                        <dt>品牌</dt>
                                        <dd>
                                            <a href="javascript: void (0)">慈恩</a>
                                            <a href="javascript: void (0)">远融</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">一品堂</a>
                                            <a href="javascript: void (0)">好极</a>
                                            <a href="javascript: void (0)">绿雪芽</a>
                                            <a href="javascript: void (0)">白沙溪</a>
                                            <a href="javascript: void (0)">元正</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                        </dd>
                                    </dl>
                                    <dl class="clearfix">
                                        <dt>价格</dt>
                                        <dd>
                                            <a href="javascript: void (0)">100元及以下</a>
                                            <a href="javascript: void (0)">100~300元</a>
                                            <a href="javascript: void (0)">300元及以上</a>
                                        </dd>
                                    </dl>
                                    <dl class="clearfix">
                                        <dt>净含量</dt>
                                        <dd>
                                            <a href="javascript: void (0)">50g及以下</a>
                                            <a href="javascript: void (0)">51g-100g</a>
                                            <a href="javascript: void (0)">101g-250g</a>
                                            <a href="javascript: void (0)">250g及以上</a>
                                        </dd>
                                    </dl>

                                    <dl class="clearfix">
                                        <dt>包装</dt>
                                        <dd>
                                            <a href="javascript: void (0)">经济自饮装</a>
                                            <a href="javascript: void (0)">精美礼品装</a>
                                        </dd>
                                    </dl>
                                    <a href="javascript: void (0)"> <img src="../images/famous3.JPG" alt=""></a>
                                </div>
                            </li>
                            <li class="clearfix sorts-four">
                                <div class="sorts-title">
                                    <a href="javascript:void (0)">
                                        <i>&nbsp;</i>可口茶食
                                    </a>
                                </div>
                                <dl class="clearfix big-menu">
                                    <dt>推荐</dt>
                                    <dd>
                                        <a href="javascript: void (0)">橄榄</a>
                                        <a href="javascript: void (0)">蜜饯</a>
                                    </dd>
                                </dl>
                                <div class="details-nav">
                                    <div class="famous">

                                        <dl class="clearfix">
                                            <dt>果脯</dt>
                                            <dd>
                                                <a href="javascript: void (0)">白牡丹</a>
                                                <a href="javascript: void (0)">正山小种</a>
                                                <a href="javascript: void (0)">祁门红茶</a>
                                                <a href="javascript: void (0)">坦洋工夫</a>
                                                <a href="javascript: void (0)">其他红茶</a>
                                            </dd>
                                        </dl>
                                        <dl class="clearfix">
                                            <dt>干果</dt>
                                            <dd>
                                                <a href="javascript: void (0)">茉莉花茶</a>
                                                <a href="javascript: void (0)">茉莉花茶</a>
                                                <a href="javascript: void (0)">茉莉花茶</a>
                                            </dd>
                                        </dl>
                                        <dl class="clearfix">
                                            <dt>零食</dt>
                                            <dd>
                                                <a href="javascript: void (0)">茉莉花茶</a>
                                                <a href="javascript: void (0)">茉莉花茶</a>
                                                <a href="javascript: void (0)">茉莉花茶</a>
                                                <a href="javascript: void (0)">茉莉花茶</a>
                                            </dd>
                                        </dl>

                                    </div>
                                    <dl class="clearfix">
                                        <dt>品牌</dt>
                                        <dd>
                                            <a href="javascript: void (0)">慈恩</a>
                                            <a href="javascript: void (0)">远融</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">一品堂</a>
                                            <a href="javascript: void (0)">好极</a>
                                            <a href="javascript: void (0)">绿雪芽</a>
                                            <a href="javascript: void (0)">白沙溪</a>
                                            <a href="javascript: void (0)">元正</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                        </dd>
                                    </dl>
                                    <dl class="clearfix">
                                        <dt>价格</dt>
                                        <dd>
                                            <a href="javascript: void (0)">100元及以下</a>
                                            <a href="javascript: void (0)">100~300元</a>
                                            <a href="javascript: void (0)">300元及以上</a>
                                        </dd>
                                    </dl>
                                    <dl class="clearfix">
                                        <dt>净含量</dt>
                                        <dd>
                                            <a href="javascript: void (0)">50g及以下</a>
                                            <a href="javascript: void (0)">51g-100g</a>
                                            <a href="javascript: void (0)">101g-250g</a>
                                            <a href="javascript: void (0)">250g及以上</a>
                                        </dd>
                                    </dl>

                                    <dl class="clearfix">
                                        <dt>包装</dt>
                                        <dd>
                                            <a href="javascript: void (0)">经济自饮装</a>
                                            <a href="javascript: void (0)">精美礼品装</a>
                                        </dd>
                                    </dl>
                                    <a href="javascript: void (0)"> <img src="../images/famous4.JPG" alt=""></a>
                                </div>
                            </li>
                        </ul>
                    </li>
                    <li><a href="index.html">首页</a></li>
                    <li><a href="list.html">绿茶</a></li>
                    <li><a href="javascript:void (0)">乌龙茶</a></li>
                    <li><a href="javascript:void (0)">花草茶</a></li>
                    <li><a href="javascript:void (0)">自饮茶</a></li>
                    <li><a href="javascript:void (0)">礼品茶</a></li>
                    <li><a href="javascript:void (0)">茶饮机专用茶</a></li>
                    <li><a href="javascript:void (0)">预定茶饮机</a></li>
                </ul>
            </div><!-- /.navbar-collapse -->
        </div>
    </div><!-- /.container-fluid -->
</nav>

<!--背景色-->
<div class="bg">

    <!--=======================================产品详情=======================================-->
    <section class="pro-details">
        <div class="container">
            <p class="addr-pro">
                <a href="javascript: void (0)">首页</a><span> > </span>
                <a href="javascript: void (0)">各地名优茶</a><span> > </span>
                <a href="javascript: void (0)">绿茶</a><span> > </span>
                <a href="javascript: void (0)">西湖龙井</a><span> > </span>
                <span>【顶峰】2016新茶 特级明前五星-致远-西湖龙井单罐50g</span>
            </p>
            <div class="details-display clearfix">
                <div class="leftBar imgBox">
                    <div class="bigImg spec-preview">
                        <a class="jqzoom" href="javascript: void (0)"><img jqimg="../images/details.JPG" src="../images/details.JPG" alt=""/></a>
                    </div>
                    <div class="spec-scroll">
                        <ul class="smallIMG">
                            <li><a href="javascript: void (0)"><img bimg="../images/details.JPG" src="../images/details.JPG" onmousemove="preview(this);" width="56"/></a></li>
                            <li><a href="javascript: void (0)"><img bimg="../images/details1.JPG" src="../images/details1.JPG" onmousemove="preview(this);" width="56"/></a></li>
                            <li><a href="javascript: void (0)"><img bimg="../images/details2.JPG" src="../images/details2.JPG" onmousemove="preview(this);" width="56"/></a></li>
                            <li><a href="javascript: void (0)"><img bimg="../images/details3.JPG" src="../images/details3.JPG" onmousemove="preview(this);" width="56"/></a></li>
                            <li><a href="javascript: void (0)"><img bimg="../images/details4.JPG" src="../images/details4.JPG" onmousemove="preview(this);" width="56"/></a></li>
                        </ul>
                    </div>
                    <div class="extra-infor">
                        <p class="collect">收藏商品</p>
                        <div class="share">
                            <p>分享商品</p>
                            <div class="share-addr">
                                <a class="qq" href="javascript: void (0)" title="分享到空间"></a>
                                <a class="sina" href="javascript: void (0)" title="分享到新浪微博"></a>
                                <a class="tencent" href="javascript: void (0)" title="分享到腾讯微博"></a>
                                <a class="people" href="javascript: void (0)" title="分享到人人网"></a>
                                <a class="baidu" href="javascript: void (0)" title="分享到百度收藏"></a>
                                <a class="douban" href="javascript: void (0)" title="分享到豆瓣网"></a>
                                <a class="more" href="javascript: void (0)" title="更多"></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="leftBar textBox">
                    <h4 class="title">【顶峰】2016新茶 特级明前五星-致远-西湖龙井单罐50g</h4>
                    <div class="bigImg-title clearfix">
                        <div class="clearfix">
                            <span class="leftBar">活动价</span>
                            <strong class="leftBar">￥69.00</strong>
                            <p class="leftBar benefit"><span>特享</span><span>1件包邮</span></p>
                        </div>
                        <p>
                            <span class="price">和茶价  <del>￥85.00</del></span>
                            <span class="price">市场价 <del>￥288.00</del></span>
                        </p>
                    </div>
                    <ul class="send-addr">
                        <li>
                            <span>配 送 至 ：</span>
                            <div class="chose-addr">
                                <a href="javascript: void (0)">福建省</a>
                            </div>
                            <span>包邮 &nbsp;有货</span>
                        </li>
                        <li>
                            <span>顾客评分：</span>
                            <p class="grade"><i></i><span>4.9分</span></p>
                            <span>(<a href="javascript: void (0)">已有11730人评论</a>)</span>
                        </li>
                    </ul>

                    <ul class="details-content clearfix">
                        <li><p>品牌商家：</p><p>顶峰</p></li>
                        <li><p>产地：</p><p>浙江杭州</p></li>
                        <li><p>等级：</p><p>明前特级</p></li>
                        <li><p>保质期：</p><p>12个月</p></li>
                        <li><p>产品编号：</p><p>NDF-1C1032</p></li>
                        <li><p>产品规格：</p><p>50g/罐</p></li>
                        <li><p>存储方法：</p><p>存放于清洁、通风、避光、干燥、无异味环境</p></li>
                    </ul>

                    <ul class="chose-num">
                        <li>
                            <p>我要购买：</p>
                            <input type="number" value="1" min="1" max="1000"/>件
                        </li>

                        <li>
                            <a href="javascript: void (0)"><img src="../images/goodsinfo_buy1.png" alt=""/></a>
                            <a href="javascript: void (0)"><img src="../images/goodsinfo_buy2.png" alt=""/></a>
                        </li>
                    </ul>
                </div>
                <div class="leftBar seenBox">
                    <ul>
                        <li class="seenBox-title">浏览过本品的用户还浏览过</li>
                        <li>
                            <div class="seenImg">
                                <img src="../images/good.JPG" alt="" width="150"/>
                                <p>￥65.00</p>
                            </div>
                            <a href="javascript: void (0)">【滋恩】雨前一级馨芽龙井铁罐50g</a>
                        </li>
                        <li>
                            <div class="seenImg">
                                <img src="../images/good.JPG" alt="" width="150"/>
                                <p>￥65.00</p>
                            </div>
                            <a href="javascript: void (0)">【滋恩】雨前一级馨芽龙井铁罐50g</a>
                        </li>
                        <li>
                            <div class="seenImg">
                                <img src="../images/good.JPG" alt="" width="150"/>
                                <p>￥65.00</p>
                            </div>
                            <a href="javascript: void (0)">【滋恩】雨前一级馨芽龙井铁罐50g</a>
                        </li>
                        <li>
                            <div class="seenImg">
                                <img src="../images/good.JPG" alt="" width="150"/>
                                <p>￥65.00</p>
                            </div>
                            <a href="javascript: void (0)">【滋恩】雨前一级馨芽龙井铁罐50g</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <!--=========================================强烈推荐===============================-->
    <section class="package-show">
        <div class="container">
            <ol class="package-title">
                <li class="on">强力推荐</li><li>优惠套餐</li>
            </ol>

            <ul class="good_package clearfix">
                <li>
                    <a href="javascript: void (0)">
                        <img src="../images/goods.JPG" alt="">
                        <p>2016新茶 特级明前五星-致远-西湖龙井单罐50g</p>
                    </a>
                    <p class="price"> ￥69.00<del>￥228.00</del></p>
                </li>
                <li class="plus">+</li>
                <li>
                    <a href="javascript: void (0)">
                        <img src="../images/goods1.JPG" alt="">
                        <p>2016新茶 特级明前五星-致远-西湖龙井单罐50g</p>
                    </a>
                    <p class="price"> ￥69.00<del>￥228.00</del></p>
                </li>
                <li class="plus">+</li>
                <li>
                    <a href="javascript: void (0)">
                        <img src="../images/goods2.JPG" alt="">
                        <p>2016新茶 特级明前五星-致远-西湖龙井单罐50g</p>
                    </a>
                    <p class="price"> ￥69.00<del>￥228.00</del></p>
                </li>
                <li class="plus">+</li>
                <li>
                    <a href="javascript: void (0)">
                        <img src="../images/goods3.JPG" alt="">
                        <p>2016新茶 特级明前五星-致远-西湖龙井单罐50g</p>
                    </a>
                    <p class="price"> ￥69.00<del>￥228.00</del></p>
                </li>
                <li class="plus">+</li>
                <li>
                    <a href="javascript: void (0)">
                        <img src="../images/goods4.JPG" alt="">
                        <p>2016新茶 特级明前五星-致远-西湖龙井单罐50g</p>
                    </a>
                    <p class="price"> ￥69.00<del>￥228.00</del></p>
                </li>
                <li class="plus">=</li>
                <li class="total">
                    <h5>优惠套餐为你省钱</h5>
                    <p>和茶总价 <del>￥304</del></p>
                    <p class="fz14">套餐优惠价:</p>
                    <p class="total-price">￥118.00</p>
                    <p>立省：<span>￥169.00</span></p>
                    <a href="javascript: void (0)"><img src="../images/goodsinfo_buy3.png" alt=""></a>
                </li>
            </ul>
        </div>
    </section>

    <!--=======================================商品详情、售后服务等等==========================-->

    <section>
        <div class="container">
           <div class="leftBar details-left">
               <ol class="package-title package1-title">
                   <li class="active"><a href="#detail">商品详情</a></li><li><a href="#service">售后服务</a></li><li><a href="#express">物流配送</a></li><li><a href="#comment">用户评价</a></li>
               </ol>
               <div id="detail" class="des detail part">
                   <img src="../images/pro_details.jpg" alt="">
                   <img src="../images/pro_details1.jpg" alt="">
                   <img src="../images/pro_details2.jpg" alt="">
                   <img src="../images/pro_details3.jpg" alt="">
                   <img src="../images/pro_details4.jpg" alt="">
                   <img src="../images/pro_details5.jpg" alt="">
                   <img src="../images/pro_details6.jpg" alt="">
                   <img src="../images/pro_details7.jpg" alt="">
                   <img src="../images/pro_details8.jpg" alt="">
                   <img src="../images/pro_details9.jpg" alt="">
                   <img src="../images/pro_details10.jpg" alt="">
                   <img src="../images/pro_details11.jpg" alt="">
                   <img src="../images/pro_details12.jpg" alt="">
                   <img src="../images/pro_details13.jpg" alt="">
               </div>
<!--=========================================售后服务=======================-->
               <div id="service" class="des detail-service part">
                   <img src="../images/detail_b.gif" alt="">
               </div>
               <!--==========================物流配送=========================-->
               <div id="express" class="des express part">
                   <img src="../images/detail_c1.jpg" alt="">
                   <img src="../images/detail_c2.gif" alt="">
               </div>
<!--==========================================客户评价================================-->
               <div id="comment" class="des comment part">
                   <img src="../images/coms.png" alt="">
                   <div class="comment-info">
                       <div class="clearfix">
                           <p class="comment-con leftBar">味道不出，下次再买.</p>
                           <p class="name rightBar">ahscjkha</p>
                       </div>
                       <p class="time">2016.5.12</p>
                   </div>
               </div>
           </div>

            <!--==========================相关商品推荐========================-->
            <div class="leftBar details-right">
                <h5>相关商品推荐</h5>
                <dl class="clearfix">
                    <dt class="leftBar"><a href="javascript: void (0)"><img src="../images/detail-right.JPG" alt=""></a></dt>
                    <dd class="rightBar">
                        <a href="javascript: void (0)">【滋恩】隽永大红袍50g*2罐特惠装</a>
                        <p>￥69.00 <del>￥176.00</del></p>
                    </dd>
                </dl>
                <dl class="clearfix">
                    <dt class="leftBar"><a href="javascript: void (0)"><img src="../images/detail-right.JPG" alt=""></a></dt>
                    <dd class="rightBar">
                        <a href="javascript: void (0)">【滋恩】隽永大红袍50g*2罐特惠装</a>
                        <p>￥69.00 <del>￥176.00</del></p>
                    </dd>
                </dl>
                <dl class="clearfix">
                    <dt class="leftBar"><a href="javascript: void (0)"><img src="../images/detail-right.JPG" alt=""></a></dt>
                    <dd class="rightBar">
                        <a href="javascript: void (0)">【滋恩】隽永大红袍50g*2罐特惠装</a>
                        <p>￥69.00 <del>￥176.00</del></p>
                    </dd>
                </dl>
                <dl class="clearfix">
                    <dt class="leftBar"><a href="javascript: void (0)"><img src="../images/detail-right.JPG" alt=""></a></dt>
                    <dd class="rightBar">
                        <a href="javascript: void (0)">【滋恩】隽永大红袍50g*2罐特惠装</a>
                        <p>￥69.00 <del>￥176.00</del></p>
                    </dd>
                </dl>
            </div>
        </div>
    </section>

    <!--===========================================猜你喜欢==================================-->
    <section class="likes">
        <div class="container">
            <ol class="package-title">
                <li class="on">根据浏览猜你喜欢</li>
            </ol>

            <ul class="good_package clearfix">
                <li>
                    <a href="javascript: void (0)">
                        <img src="../images/goods.JPG" alt="">
                        <p>2016新茶 特级明前五星-致远-西湖龙井单罐50g</p>
                    </a>
                    <p class="price"> ￥69.00<del>￥228.00</del></p>
                </li>
                <li>
                    <a href="javascript: void (0)">
                        <img src="../images/goods1.JPG" alt="">
                        <p>2016新茶 特级明前五星-致远-西湖龙井单罐50g</p>
                    </a>
                    <p class="price"> ￥69.00<del>￥228.00</del></p>
                </li>
                <li>
                    <a href="javascript: void (0)">
                        <img src="../images/goods2.JPG" alt="">
                        <p>2016新茶 特级明前五星-致远-西湖龙井单罐50g</p>
                    </a>
                    <p class="price"> ￥69.00<del>￥228.00</del></p>
                </li>
                <li>
                    <a href="javascript: void (0)">
                        <img src="../images/goods3.JPG" alt="">
                        <p>2016新茶 特级明前五星-致远-西湖龙井单罐50g</p>
                    </a>
                    <p class="price"> ￥69.00<del>￥228.00</del></p>
                </li>
                <li>
                    <a href="javascript: void (0)">
                        <img src="../images/goods4.JPG" alt="">
                        <p>2016新茶 特级明前五星-致远-西湖龙井单罐50g</p>
                    </a>
                    <p class="price"> ￥69.00<del>￥228.00</del></p>
                </li>

            </ul>
        </div>
    </section>

    <!--========================================活动进行时=============================-->

    <section>
        <div class="container">
           <div class="more-active clearfix">
               <h4></h4>
               <ul>
                   <li><a href="javascript: void (0)"><img src="../images/more-active.JPG" alt=""></a></li>
                   <li><a href="javascript: void (0)"><img src="../images/more-active1.JPG" alt=""></a></li>
                   <li><a href="javascript: void (0)"><img src="../images/more-active2.JPG" alt=""></a></li>
                   <li><a href="javascript: void (0)"><img src="../images/more-active3.JPG" alt=""></a></li>
               </ul>
           </div>
        </div>
    </section>

    <!--===========================================售后服务=============================-->

    <section class="sale-nav">

        <div class="main-nav clearfix">
            <div class="container">
                <p class="col-md-3 col-sm-3 nav_1">100%原产地茶</p>
                <p class="col-md-3 col-sm-3 nav_2">无理由退换货</p>
                <p class="col-md-3 col-sm-3 nav_3">400城市货到付款</p>
                <p class="col-md-3 col-sm-3 nav_4">支付宝签约商家</p>
            </div>
        </div>
        <div class="small-nav clearfix">
            <div class="container">
                <div class="small-nav-1 clearfix">
                    <div class="small-nav-top col-md-9 col-sm-9">
                        <ol class="col-md-2 col-sm-2">
                            <li><strong>购物指南</strong></li>
                            <li><a href="javascript: void (0)">账号自助服务</a></li>
                            <li><a href="javascript: void (0)">新用户注册</a></li>
                            <li><a href="javascript: void (0)">怎样下订单</a></li>
                            <li><a href="javascript: void (0)">注册常见问题</a></li>
                        </ol>
                        <ol class="col-md-2 col-sm-2">
                            <li><strong>支付方式</strong></li>
                            <li><a href="javascript: void (0)">支付方式</a></li>
                            <li><a href="javascript: void (0)">在线支付介绍</a></li>
                            <li><a href="javascript: void (0)">汇款单招领</a></li>
                        </ol>
                        <ol class="col-md-2 col-sm-2">
                            <li><strong>配送说明</strong></li>
                            <li><a href="javascript: void (0)">运费说明</a></li>
                            <li><a href="javascript: void (0)">配送方式</a></li>
                            <li><a href="javascript: void (0)">配送范围</a></li>
                        </ol>
                        <ol class="col-md-2 col-sm-2">
                            <li><strong>售后服务</strong></li>
                            <li><a href="javascript: void (0)">退换货流程</a></li>
                            <li><a href="javascript: void (0)">服务保障承诺</a></li>
                            <li><a href="javascript: void (0)">验货与签收</a></li>
                        </ol>
                        <ol class="col-md-2 col-sm-2">
                            <li><strong>常见问题</strong></li>
                            <li><a href="javascript: void (0)">账号密码问题</a></li>
                            <li><a href="javascript: void (0)">缺货登记</a></li>
                            <li><a href="javascript: void (0)">茶叶百科</a></li>
                        </ol>
                    </div>
                    <div class="col-md-3 col-sm-3 service"><img src="../images/fot_tel.png" alt="服务热线"></div>
                </div>
                <div class="small_nav_bottom">
                    <p class="about-heTEA">
                        <a href="javascript: void (0)">和茶网首页</a>
                        <a href="javascript: void (0)">关于和茶</a>
                        <a href="javascript: void (0)">帮助中心</a>
                        <a href="javascript: void (0)">交易条款</a>
                        <a href="javascript: void (0)">诚征英才</a>
                        <a href="javascript: void (0)">联系我们</a>
                    </p>
                    <p class="links">
                        <a class="defer" href="javascript: void (0)">友情链接</a>
                        <a href="javascript: void (0)">乌龙茶</a>
                        <a href="javascript: void (0)">绿茶</a>
                        <a href="javascript: void (0)">普洱茶</a>
                        <a href="javascript: void (0)">黑茶</a>
                        <a href="javascript: void (0)">村村通商城</a>
                        <a href="javascript: void (0)">土地资源网</a>
                        <a href="javascript: void (0)">在昆明</a>
                    </p>
                </div>
            </div>
        </div>
        <!--===========================================版权区=============================-->
        <div class="copyRight clearfix">
            <div class="container">
                <div class="leftBar">
                    <p>Copyright &copy; 2009-2015 hecha.cn All Rights Reserved. 闽ICP证：闽10202223-1号</p>
                    <p>福建和茶网络科技有限公司 版权所有 并保留所有权利 禁止非法复制</p>
                </div>
                <div class="rightBar">
                    <img src="../images/fot_ico1.png" alt="">
                    <img src="../images/fot_ico2.png" alt="">
                </div>
            </div>
        </div>
    </section>


    <!---==========================================侧边栏=================================-->
    <section class="sidebar">
        <ol>

            <li>
                <a class="closed" href="javascript: void (0)"><img src="../images/ico6.png" alt="close"/></a>
                <a class="return" href="javascript: void (0)"><img src="../images/ico5.png" alt="top"/>顶部</a>
            </li>

            <li class="vip">
                <a href="javascript: void (0)"><img src="../images/ico0.png" alt="vip"/>会员</a>
                <div class="sidebar-login">
                    <form>
                        <h3 class="clearfix">
                            <strong>用户登录</strong>
                            <em><a href="javascript: void (0)">新用户注册</a></em>
                        </h3>
                        <div class="login-user">
                            <label for="username">用户名</label>
                            <input type="text" id="username"/>
                            <i>手机/邮箱</i>
                        </div>
                        <div class="login-password">
                            <label for="password">密码</label>
                            <input type="password" id="password"/>
                            <i><a href="javascript: void (0)">找回密码</a></i>
                        </div>
                        <input type="submit" value="用户登录"/>
                        <h6>您还可以使用合作网站账号登录：</h6>
                        <div class="login-ways">
                            <a href="javascript: void (0)">支付宝</a>
                            <a href="javascript: void (0)">新浪微博</a>
                            <a href="javascript: void (0)">QQ</a>
                            <a href="javascript: void (0)">微信登录</a>
                        </div>
                    </form>
                </div>
            </li>
            <li><a href="javascript: void (0)"><strong id="rcart">0</strong><img src="../images/ico3.png" alt="cart"/></a></li>
            <li><a class="seen" href="javascript: void (0)"><img src="../images/ico1.png" alt="seen"/>看过</a></li>
            <li><a class="sort" href="javascript: void (0)"><img src="../images/ico2.png" alt=""/>收藏</a></li>
        </ol>
        <div class="showbar"><a href="javascript: void (0)"><img src="../images/ico7.png" alt=""/></a></div>
    </section>


</div>

<!--==========================================手机版的返回顶部============================-->
<a class="return top_btn" href="javascript: void (0)"><img src="../images/ico5.png" alt="top"/></a>


<script src="../scripts/jquery-1.11.1.min.js"></script>
<script src="../scripts/bootstrap.min.js"></script>
<script src="../scripts/jquery.jqzoom.js"></script>
<script src="../scripts/main.js"></script>
</body>
</html>